<template>
    <div>
        <el-row style="display: flex;align-items: center;">
            <el-col :span="4">
                <img style="border-radius: 50%;" class="avata" :src="avatar" alt="" width="50" height="50">
            </el-col>
            <el-col :span="20">
                <!-- 进度条 -->
                <el-progress style="margin-left: 15px; margin-right: 10px;" :text-inside="true" :stroke-width="26"
                    :percentage="percentage"></el-progress>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    props: {
        //进度条数值
        percentage: {
            type: Number,
            default: 0
        },
        //进度条颜色
        type: {
            type: String,
            default: 'primary'
        },
        //平台头像
        avatar: {
            type: String,
            default: '/img/mine/def_img.jpg'
        }
    },
}
</script>

<style scoped></style>